.hero-banner{
  height:450px;
  object-fit:cover;
}

@media(max-width:768px){
  .hero-banner{
    height:147px;
  }
}










/* banner */
 
    /* BANNER */
.banner{
  width:100%;
  overflow:hidden;
}

/* DESKTOP */
.banner img{
  width:100%;
  height:420px;
  object-fit:cover;
}

/* TABLET */
@media(max-width:991px){
  .banner img{
    height:300px;
  }
}

/* MOBILE */
@media(max-width:576px){
  .banner img{
    height:174px;
  }
}